
<!--搜索栏-->
<div id="one_search_site_monitor" class="form-inline">
  <div class="form-group" style="margin-right:10px;">
    <label for="snCode">设备编号：</label>
    <input type="text" class="form-control" id="snCode"  style="min-width: 177px">
  </div>
  <div class="form-group" style="margin-right:10px;">
    <label for="monitorCode">设备类型：</label>
    <select class="multiselect form-control" id="monitorCode"  style="min-width: 177px">
      <option value="">-- 请选择设备类型 --</option>
      <option *ngFor="let codMonitor of codMonitors" [value]="codMonitor.monitorCode">{{codMonitor.monitorName}}</option>
    </select>
  </div>
  <div class="form-group" style="margin-right:10px;">
    <label>监测数据接收时间：</label>
    <nz-datepicker
      style="width: 228px;" nzSize="large"
      (ngModelChange)="monitorStartTime=$event;startMonitorChange()"
      [ngModel]="monitorStartTime"
      [nzDisabledDate]="disabledMonitorStartDate"
      [nzFormat]='"YYYY-MM-DD"'
      [nzPlaceHolder]="'开始时间'"></nz-datepicker>
    <span>~</span>
    <nz-datepicker
      style="width: 228px;" nzSize="large"
      (ngModelChange)="monitorEndTime=$event;endMonitorChange()"
      [ngModel]="monitorEndTime"
      [nzDisabledDate]="disabledMonitorEndDate"
      [nzFormat]='"YYYY-MM-DD"'
      [nzPlaceHolder]="'结束时间'"></nz-datepicker>
  </div>
  <div style="margin-top: 5px;">
    <div class="form-group" style="margin-right:10px;">
      <label for="statusWork">运行状态：</label>
      <select class="multiselect form-control" id="statusWork" style="min-width: 177px">
        <option value="">-- 请选择设备状态 --</option>
        <option  [value]="1">正常</option>
        <option  [value]="2">故障</option>
        <option  [value]="3">停用</option>
      </select>
    </div>
    <div class="form-group" style="margin-right:10px;">
      <label for="statusWork">是否分配：</label>
      <select class="multiselect form-control" id="isAllocat" style="min-width: 177px">
        <option value="">-- 请选择 --</option>
        <option  value="1">否</option>
        <option  value="0">是</option>
      </select>
    </div>
    <div class="form-group" style="margin-right:10px;">
      <label>设备状态接收时间：</label>
      <nz-datepicker
        style="width: 228px;" nzSize="large"
        (ngModelChange)="statusStartTime=$event;startStatusChange()"
        [ngModel]="statusStartTime"
        [nzDisabledDate]="disabledStatusStartDate"
        [nzFormat]='"YYYY-MM-DD"'
        [nzPlaceHolder]="'开始时间'"></nz-datepicker>
      <span>~</span>
      <nz-datepicker
        style="width: 228px;" nzSize="large"
        (ngModelChange)="statusEndTime=$event;endStatusChange()"
        [ngModel]="statusEndTime"
        [nzDisabledDate]="disabledStatusEndDate"
        [nzFormat]='"YYYY-MM-DD"'
        [nzPlaceHolder]="'结束时间'"></nz-datepicker>
      <button class="btn btn-success" (click)="search()">查询</button>
    </div>
  </div>
  <!--<button class="btn btn-success" (click)="exportExcel()">Excel</button>-->

</div>

<!-- 操作栏-->
<div id="one_operation_site-monitor" data-role="one-operation"  class="one-operation"></div>

<!--
<div class="form-group" id="exportDataType" style="margin-right:10px;display: inline-block;">
  <label for="Excel">导出类型：</label>
<select id="exportExcel" class="form-control "  >
  <option value="basic">Export Basic</option>
  <option value="all">Export All</option>
  <option value="selected">Export Selected</option>
</select>
</div>
-->

<!-- table栏 -->
<div class="one-table-area">
  <table id="one_table_monitor"></table>
</div>
